<template>
  <div class="dashboard-container">
    <el-button type="primary" @click="getjson" >按钮</el-button>
    <el-table
       v-loading="listLoading"
      :data="list"
      element-loading-text="Loading"
      border
      fit
      highlight-current-row
    >
      <el-table-column align="center" label="灾害体类型" width="95">
        <template slot-scope>

        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
import geodata from '../../../public/geodata.json'
export default {
  name: 'Net',
  
  data(){
    return {
      geodata:[]
    }
  },
  methods: {
    getjson(){
       this.$axios({
                //baseURL: '/api',
                method: 'GET',
                url:'http://localhost:30000/getjson',                
                
            })
            .then(res=>{
                console.log(res.data)
                this.geodata=res.data
                console.log(geodata)
                
            })
            .catch(Error=>{
                console.log(Error)
            })
    }
  }
}
</script>

<style lang="scss" scoped>
.dashboard {
  &-container {
    margin: 30px;
  }
  &-text {
    font-size: 30px;
    line-height: 46px;
  }
}
</style>
